/* CSS reset */
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Roboto;
}
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 14px;
}
#__nuxt {
  position: relative;
  width: 100%;
  height: 100%;
  color: $text-main;
  background-color: #131313;
}
.page {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 500px) and (min-height: 640px) {
  .page {
    height: 100vh !important;
    &::-webkit-scrollbar {
      width: 3px;
      height: 6px;
    }
    &::-webkit-scrollbar-thumb {
      background-color: #aaa;
      transition: all 0.2s ease-in-out;
    }
    &::-webkit-scrollbar-track {
      border-radius: 3px;
    }
  }
}
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
em,
span,
var,
legend,
button,
input,
textarea,
th,
td,
a,
img,
header,
footer,
nav,
aside,
audio,
datalist,
section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
} /*清除内外边距*/
:focus {
  outline: 0;
}
ul,
ol,
ul li,
ol li {
  list-style: none;
}
address,
caption,
cite,
em,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
form label {
  cursor: pointer;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  outline: none;
}
textarea {
  resize: none;
}
input {
  vertical-align: middle;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.l {
  float: left;
}
.r {
  float: right;
}
button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
  line-height: normal !important;
}
a {
  text-decoration: none;
}
a {
  color: #fff;
}
a:hover {
  text-decoration: underline;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

:root:root {
  --van-text-color: #fff;
  --van-toast-background: #fff;
  --van-toast-text-color: '#666';
  --van-button-primary-background: #f93944;
  --van-button-primary-border-color: #f93944;
  --van-button-primary-color: #ffffff;
  --van-primary-color: #f93944;
  --van-border-color: #f93944;
  --van-text-ellipsis-action-color: #f93944;
  --van-popup-background: transparent;
  --van-dialog-background: #21202f;
  --van-dialog-has-title-message-text-color: #fff;
  --van-toast-loading-icon-color: #21202f;
}

img[lazy='loading'] {
  background-color: #21202f;
  border-radius: 8px;
  object-fit: scale-down;
}
img[lazy='error'] {
  background-color: #21202f;
  border-radius: 8px;
  object-fit: scale-down;
}
img[lazy='loaded'] {
  background-color: #21202f;
  border-radius: 4px;
  object-fit: cover;
}

.van-dialog__footer {
  .van-button--default {
    background-color: #21202f;
    &.van-dialog__cancel {
      color: #fff;
    }
  }
}

@media (min-width: 500px) and (min-height: 640px) {
  .van-toast--text {
    min-height: auto !important;
    width: 320px !important;
  }
}
